<template>
    <TechPanel title="订单信息" :titleBorder="false" :isBold="true" :mode="mode">
        <LineText class="shop-apply-number" label="订单编号" :value="info.order_number" />
        <LineText label="申请时间" :value="info.apply_time" />
        <LineText label="退货备注" :value="info.remark || '无备注'" :isLink="info.remark.length > 15 ? true : false" @link="showRemark" />
        <TechDialog
            ref="remark"
            title="退货备注"
            :content="info.remark"
            okText="确定"
            :haveCancel="false"
            :mode="mode"
            :theme="theme"
            :styleMode="styleMode"
            container="body"
        />
    </TechPanel>
</template>

<script>
import { TechPanel, LineText, TechDialog } from '@components/base';
import ModeMixin from '@common/mixin';
export default {
    name: 'DetailBaseInfo', // 基础信息
    mixins: [ModeMixin],
    components: {
        TechPanel,
        LineText,
        TechDialog,
    },
    props: {
        info: {
            type: Object,
            default() {
                return {};
            },
        },
    },
    methods: {
        showRemark() {
            this.$refs.remark.show();
        },
    },
};
</script>

<style lang="less">
.shop-apply-number {
    .line-value .value {
        width: 265px;
    }
}
</style>
